<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
       .one{
           background-color: red;
           width: 300px;
           height: 500px;
           /*水平居中*/
           text-align: right;
           /*行高,垂直居中*/
           line-height: 500px;

           /*1) 定义光标的类型:pointer手指*/
           cursor: wait;


           /*2) visibility和display区别:
           1 visibility会保留尺寸
           2 display不会保留尺寸
           */
           /*visibility: hidden;*/
           /*display: none;*/

           font-family: "arial";

       }

        a{
            text-decoration: none;
        }

        div p{

           background-color: yellow;
           width: 180px;
            /*用于首行缩进*/
           text-indent: 2%;
        }

        .two{
            background-color: red;
        }

        ul{
          /*设置列表左边的样式*/
          list-style: none;
          background: url("img/7.jpg");
        }

        ul li{
           font-size: 100px;
        }

        .three{
            background: red;
            width: 180px;
            height: 200px;
            /*截取超出父标签的内容*/
            overflow: hidden;
        }
    </style>
</head>
<body>
   <!--<div class="one">12212121211212</div>-->
   <!--<span>12306</span>-->

   <!--<a href="#">百度一下</a>-->

   <!--<div class="two">-->
       <!--<p>接触到记不得是常见病的坚持把对方或拒付</p>-->
       <!--<p>接触到记不得是常见病的坚持把对方或拒付</p>-->
       <!--<p>接触到记不得是常见病的坚持把对方或拒付</p>-->
   <!--</div>-->


   <!--<ul>-->
       <!--<li>11111</li>-->
       <!--<li>22222</li>-->
       <!--<li>33333</li>-->
   <!--</ul>-->

   <div class="three">
       dewdewdewedededwedewddewdewdewewdew
   </div>
</body>
</html>